@charset "utf-8";

body{min-width: 1200px;}
html{font-family: '微软雅黑';color: #333;}
.global{width: 1200px;margin: 0 auto;}
.fl{float: left;}
.fr{float: right;}

.trans1{ transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.trans3{ transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;}
.trans5{ transition: all 0.5s ease-in-out;-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;}
.trans7{ transition: all 0.7s ease-in-out;-moz-transition: all 0.7s ease-in-out;-webkit-transition: all 0.7s ease-in-out;-o-transition: all 0.7s ease-in-out;}

.toptitle{padding-top: 38px;height: 97px;line-height: 97px;font-size: 36px;text-align: center;color: #333;}
.sectitle{text-align: center;line-height: 30px;font-size: 16px;color: #333;}

#content .content{ position: relative; background: url(../images/bg0.jpg) no-repeat center; background-size: 100% 100% ;display: none;}
#content .content .global_box{position: absolute;top: 0;bottom: 0;left: 0;right: 0;margin:auto;width: 1200px;height: 720px;}
#content .content .pic{margin-top: 58px;text-align: center;}
#content .content .pic1{margin-top: 126px;}
.pad_top{ height: 38px;}

/*#content .content:first-child .global_box .toptitle{ }*/

#content .content2 .pic{position: relative;float: left;margin-top: 0;width: 639px;height: 541px;overflow: hidden;}
#content .content2 .pic ul{width: 639px;position: absolute;top: 0;left: 0;}
#content .content2 .pic ul li{float: left;width: 639px;height: 541px;vertical-align: middle;text-align: center;}
#content .content2 .pic li img{display: inline-block;vertical-align: middle;}
#content .content2 .pic li span{display: inline-block;height: 100%;vertical-align: middle;}
#content .content2 .pic .hd{display: none;}
#content .content2 .description{float: right;width: 485px;margin-right: 20px;margin-top: 115px;}
#content .content2 .description .bd{position: relative;width: 485px;overflow: hidden;}
#content .content2 .description .bd ul{position: absolute;top: 0;left: 0;}
#content .content2 .description .bd li{float: left;width: 485px;}
#content .content2 .name{height: 70px;line-height: 70px;font-size: 20px;color: #00bd9f;font-weight: bold;}
#content .content2 .desc{line-height: 30px;font-size: 16px;color: #333;}
#content .content2 .hd{margin-top: 59px;overflow: hidden;}
#content .content2 .hd li{float: left;width: 42px;height: 8px;border:1px solid #999999;border-radius: 5px;margin-right: 5px;cursor: pointer;}
#content .content2 .hd .on{background: #00bd9f;border-color: #00bd9f;}

#content .content .pic3{position: relative;margin:58px auto;}
#content  .pic3 .col{position: absolute;bottom: 165px;left: 229px;width: 24px;height: 0px;}
#content  .pic3 .bg1{background: #34b4e7;}
#content  .pic3 .bg2{background: #00d0a8;}
#content  .pic3 .bg3{background: #8ad06e;}
#content  .pic3 .col span{display: none;position: absolute;top: -20px;left: 50%;margin: auto;opacity: 0;background: #495363;height: 20px;line-height: 20px;padding: 0 6px;color: white;border-radius: 3px;}
#content  .pic3 .col span:before{content: '';position: absolute;border: 4px solid transparent;border-top-color: #495363;left: 50%;margin-left: -4px;bottom: -8px;}

#content .content4 .story{position: relative;padding:65px 0;height: 330px;}
#content .content4 .story .story_box{position: relative;left: -84px;top: 113px;width: 1354px;height: 127px;overflow: hidden;}
#content .content4 .story .box{position: absolute;top: 0;left: 0;}
#content .content4 .story .item{float: left;width: 211px;height: 127px;margin-left: 14px;opacity: 0.2;}
#content .content4 .story .citem{position: absolute;left: 0;right: 0;top: 30px;margin:auto;width: 507px;height: 305px;padding: 59px 190px 35px;background: url(../images/storybg.png) no-repeat center center;}
#content .content4 .citem_box{position: relative;width: 100%;height: 100%;overflow: hidden;}
#content .content4 .citem_box .box{position: absolute;top: 0;left: -1014px;}
#content .content4 .citem_box .item{width: 507px;height: 305px;opacity: 1;margin:0;}
#content .content4 .hd{position: absolute;bottom: 19px;text-align: center;width: 100%;font-size: 0;}
#content .content4 .btn{display: inline-block;width: 58px;height: 58px;background: url(../images/prev.png) no-repeat center center;}
#content .content4 .next{background-image: url(../images/next.png);}

/*@keyframes scrollBottomtwo { 
	0% { 
    	box-shadow: 0px 0px 30px rgba(255,255,255,0.5);
    	-webkit-box-shadow: 0px 0px 30px rgba(255,255,255,0.5);
	}
  	100% { 
    	box-shadow: 0px 0px 50px rgba(255,255,255,0.5);
    	-webkit-box-shadow: 0px 0px 50px rgba(255,255,255,0.5);
    }
}*/
.contact{width: 1200px;margin: 0 auto;padding-top: 2.8125%;}
.contact .more{display: block;width: 413px;height: 115px;line-height: 115px;margin: 0 auto;background: url(../images/more.png) no-repeat center center;text-align: center;font-size: 24px;color:white;text-decoration: none;}
.contact .contact_list{text-align: justify;padding-top: 25px;padding-bottom: 60px;}
.contact .list{width: 208px;display: inline-block;text-align: center;vertical-align: top;text-decoration: none;}
.contact .list .pic{height: 80px;}
.contact .list .name{height: 37px;line-height: 37px;font-size: 18px;color: #999;}
.contact .list .desc{line-height: 20px;font-size: 14px;color: #57c6b6;}
.contact .br{display: inline-block;width: 100%;font-size: 0;}

#w1000 .contact{width: 1000px;}

#w1000{min-width: 1000px;}
#w1000 #content .content{overflow: hidden;}
#w1000 #content .content .global_box{width: auto;}
/*#w1000 #content .content2 .pic{width: 550px;} */
#w1000 #content .content2 .description,#w1000 #content .content2 .desc,#w1000 #content .content2 .description .bd{width: 420px;}